<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>  
<html>
    <script type="text/javascript">
        var open_cur = 0;
        $j = jQuery.noConflict();
   
        
        
          
    </script>
    <style type="text/css">
        .active-search{
            color:#303D49;;
            font-weight: bold;
        }

    </style>
    <body>
    <a4j:form>
        <h:commandLink action="#{searchController.searchAlpha}" id="search" styleClass="search_key">
           
            <label class="<h:outputText rendered="#{loginSession.login.character =='A'}" value="active-search" />">A</label>
            <f:param value="A" name="idSearch"></f:param>
        </h:commandLink>
        <h:commandLink action="#{searchController.searchAlpha}">
            <label class="<h:outputText rendered="#{loginSession.login.character =='B'}" value="active-search" />">B</label>
            <f:param value="B" name="idSearch"></f:param>
        </h:commandLink>
        <h:commandLink action="#{searchController.searchAlpha}">
            <label class="<h:outputText rendered="#{loginSession.login.character =='C'}" value="active-search" />">C</label>
            <f:param value="C" name="idSearch"></f:param>
        </h:commandLink>
        <h:commandLink action="#{searchController.searchAlpha}">
           <label class="<h:outputText rendered="#{loginSession.login.character =='D'}" value="active-search" />">D</label>
            <f:param value="D" name="idSearch"></f:param>
        </h:commandLink>
        <h:commandLink action="#{searchController.searchAlpha}">
            <label class="<h:outputText rendered="#{loginSession.login.character =='E'}" value="active-search" />">E</label>
            <f:param value="E" name="idSearch"></f:param>
        </h:commandLink>

        <h:commandLink action="#{searchController.searchAlpha}">
            <label class="<h:outputText rendered="#{loginSession.login.character =='F'}" value="active-search" />">F</label>
            <f:param value="F" name="idSearch"></f:param>
        </h:commandLink>
        <h:commandLink action="#{searchController.searchAlpha}">
           <label class="<h:outputText rendered="#{loginSession.login.character =='G'}" value="active-search" />">G</label>
            <f:param value="G" name="idSearch"></f:param>
        </h:commandLink>
        <h:commandLink action="#{searchController.searchAlpha}">
           <label class="<h:outputText rendered="#{loginSession.login.character =='H'}" value="active-search" />">H</label>
            <f:param value="H" name="idSearch"></f:param>
        </h:commandLink>
        <h:commandLink action="#{searchController.searchAlpha}">
           <label class="<h:outputText rendered="#{loginSession.login.character =='I'}" value="active-search" />">I</label>
            <f:param value="I" name="idSearch"></f:param>
        </h:commandLink>
        <h:commandLink action="#{searchController.searchAlpha}">
           <label class="<h:outputText rendered="#{loginSession.login.character =='K'}" value="active-search" />">K</label>
            <f:param value="K" name="idSearch"></f:param>
        </h:commandLink>
        <h:commandLink action="#{searchController.searchAlpha}">
            <label class="<h:outputText rendered="#{loginSession.login.character =='L'}" value="active-search" />">L</label>
            <f:param value="L" name="idSearch"></f:param>
        </h:commandLink>

        <h:commandLink action="#{searchController.searchAlpha}">
           <label class="<h:outputText rendered="#{loginSession.login.character =='M'}" value="active-search" />">M</label>
            <f:param value="M" name="idSearch"></f:param>
        </h:commandLink>
        <h:commandLink action="#{searchController.searchAlpha}">
           <label class="<h:outputText rendered="#{loginSession.login.character =='N'}" value="active-search" />">N</label>
            <f:param value="N" name="idSearch"></f:param>
        </h:commandLink>
        <h:commandLink action="#{searchController.searchAlpha}">
           <label class="<h:outputText rendered="#{loginSession.login.character =='O'}" value="active-search" />">O</label>
            <f:param value="O" name="idSearch"></f:param>
        </h:commandLink>
        <h:commandLink action="#{searchController.searchAlpha}">
            <label class="<h:outputText rendered="#{loginSession.login.character =='P'}" value="active-search" />">P</label>
            <f:param value="P" name="idSearch"></f:param>
        </h:commandLink>
        <h:commandLink action="#{searchController.searchAlpha}">
            <label class="<h:outputText rendered="#{loginSession.login.character =='Q'}" value="active-search" />">Q</label>
            <f:param value="Q" name="idSearch"></f:param>
        </h:commandLink>
        <h:commandLink action="#{searchController.searchAlpha}">
            <label class="<h:outputText rendered="#{loginSession.login.character =='R'}" value="active-search" />">R</label>
            <f:param value="R" name="idSearch"></f:param>
        </h:commandLink>
        <h:commandLink action="#{searchController.searchAlpha}">
           <label class="<h:outputText rendered="#{loginSession.login.character =='S'}" value="active-search" />">S</label>
            <f:param value="S" name="idSearch"></f:param>
        </h:commandLink>
        <h:commandLink action="#{searchController.searchAlpha}">
          <label class="<h:outputText rendered="#{loginSession.login.character =='T'}" value="active-search" />">T</label>
            <f:param value="T" name="idSearch"></f:param>
        </h:commandLink>
        <h:commandLink action="#{searchController.searchAlpha}">
            <label class="<h:outputText rendered="#{loginSession.login.character =='U'}" value="active-search" />">U</label>
            <f:param value="U" name="idSearch"></f:param>
        </h:commandLink>

        <h:commandLink action="#{searchController.searchAlpha}">
           <label class="<h:outputText rendered="#{loginSession.login.character =='V'}" value="active-search" />">V</label>
            <f:param value="V" name="idSearch"></f:param>
        </h:commandLink>
        <h:commandLink action="#{searchController.searchAlpha}">
            <label class="<h:outputText rendered="#{loginSession.login.character =='W'}" value="active-search" />">W</label>
            <f:param value="W" name="idSearch"></f:param>
        </h:commandLink>
        <h:commandLink action="#{searchController.searchAlpha}">
           <label class="<h:outputText rendered="#{loginSession.login.character =='X'}" value="active-search" />">X</label>
            <f:param value="X" name="idSearch"></f:param>
        </h:commandLink>
        <h:commandLink action="#{searchController.searchAlpha}">
           <label class="<h:outputText rendered="#{loginSession.login.character =='Y'}" value="active-search" />">Y</label>
            <f:param value="Y" name="idSearch"></f:param>
        </h:commandLink>
        <h:commandLink action="#{searchController.searchAlpha}">
            <label class="<h:outputText rendered="#{loginSession.login.character =='Z'}" value="active-search" />">Z</label>
            <f:param value="Z" name="idSearch"></f:param>
        </h:commandLink>

        <h:commandLink action="#{searchController.searchAlpha}">
            <label class="<h:outputText rendered="#{loginSession.login.character ==null}" value="active-search" />">ALL</label>
            <f:param value="ALL" name="idSearch"></f:param>
        </h:commandLink>
      </a4j:form>
    </body>
</html>